<template>
  <div class="left side-menu">
    <div class="sidebar-inner slimscrollleft">
      <!-- User -->
      <div class="user-box">
        <div class="user-img">
          <img
            src="/static/assets/images/users/avatar-1.jpg"
            alt="user-img"
            title="Mat Helme"
            class="img-circle img-thumbnail img-responsive"
          >
          <div class="user-status offline">
            <i class="zmdi zmdi-dot-circle"></i>
          </div>
        </div>
        <h5>
          <a href="#">Username</a>
        </h5>
        <ul class="list-inline">
          <li>
            <a href="#">
              <i class="zmdi zmdi-settings"></i>
            </a>
          </li>

          <li>
            <a href="#" class="text-custom">
              <i class="zmdi zmdi-power"></i>
            </a>
          </li>
        </ul>
      </div>
      <!-- End User -->

      <!--- Sidemenu -->
      <div id="sidebar-menu">
        <ul>
          <li class="text-muted menu-title">The fature Cloud</li>

          <li>
            <router-link to="/all" class="waves-effect">
              <i class="dripicons-folder"></i>
              <span>ALL FILES</span>
            </router-link>
          </li>

          <li>
            <router-link to="/recently" class="waves-effect">
              <i class="dripicons-clock"></i>
              <span>最近</span>
            </router-link>
          </li>

          <li class="has_sub">
            <router-link to="/share" class="waves-effect">
              <i class="dripicons-bluetooth"></i>
              <span>共享</span>
              <span class="menu-arrow"></span>
            </router-link>
            <ul class="list-unstyled" style="display: none;">
              <li>
                <router-link to="/selfshare">你共享的文件</router-link>
              </li>
              <li>
                <router-link to="/recvshare">收到的共享</router-link>
              </li>
              <li>
                <router-link to="/delshare">已删除的共享</router-link>
              </li>
            </ul>
          </li>

          <li>
            <router-link to="/liked" class="waves-effect">
              <i class="dripicons-star"></i>
              <span>收藏</span>
            </router-link>
          </li>

          <li>
            <router-link to="/tag" class="waves-effect">
              <i class="dripicons-tag"></i>
              <span>标签</span>
            </router-link>
          </li>
        </ul>
        <div class="clearfix"></div>
      </div>
      <!-- Sidebar -->
      <div class="clearfix"></div>
    </div>
  </div>
</template>

<style>
</style>
